*{
    margin:0;
    padding:0;
}
a{
    text-decoration:none;
}
body{
    background: #eee;
}
.box{
    width:1000px;
    height:590px;
    margin:0 auto;
    margin-top:70px;
    box-shadow: 0px 0px 20px 3px #E0DEDE;
}
.left,.right{
    width:500px;
    height:590px;
    float:left;
}
.left{
    background:#eee;
    position:relative;
}
.logo{
    position:absolute;
    top:40px;
    left:40px;
}
.left>img{
    width:100%;
    height:100%;
}
.right{
    background:#fff;
    position:relative;
}
.login{
    width:300px;
    height:400px;
    position:absolute;
    top:80px;
    left:90px;
    text-align:center;
}
span{
    display:block;
    margin-bottom:30px;
    color:red;
    font-size:12px;
    text-align:left;
}
.login>.title{
    color:#3B3E40;
    font-size:30px;
    margin-bottom:20px;
}
.login>input{
    width:303px;
    height:40px;
    padding-left:5px;
}
.wj{
    position:absolute;
    top:145px;
    left:235px;
    font-size:13px;
    color:#757575;
}
.dl{
  background:#44A8F2;  
  width:303px;
  height:50px;
  display:block;
  line-height:50px;
  color:#fff;
  margin-bottom:20px;
  border-radius:3px;
  cursor:pointer;
}
.wei{
    background:#47B247;
}
.zc{
    color:#44A8F2;
    margin-bottom:40px;
    display:block;
}
.sf{
    color:#707473;
    margin-bottom:20px;
}